import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View
} from 'react-native';


export default class App extends Component<{}> {

    // 定状态state需要在构造函数中进行
    constructor(){
        super();
        // 定义state数据
        this.state={
            name:'大海豚'
        }

        // 设置定时器，3秒钟后修改state的值
        setTimeout(()=>{
            this.setState(()=>{
                return {
                    name:'雨滴'
                }
            })
        },3000)
    }


  render() {
    return (
        // 根标签
        <View>
            <Text style={styles.houdun}>{this.state.name}</Text>
        </View>
    );
  }
}

const styles = StyleSheet.create({
    houdun:{
        fontSize:50,
        color:'blue'
    }
});
